/*header*/
.header{position: fixed;top: 0;left: 0;background: #FFF;z-index: 20;font-size: 0;width: 100%;border-bottom: .01rem solid #e5e5e5}

.header:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 10%;
    height: 100%;
    background: #0084cd;
}
.header>div>div{padding: 0;line-height: .98rem;}

.header .info {
    position: absolute;
    right: 0;
    width: initial !important;
    top: 0;
    height: 100%;
    z-index: 1;
}
.header .logo img {max-height: .72rem;transition: none;}
.header .nav_list li {display: table-cell;width: 200px;vertical-align: middle;line-height: normal;}
.header .nav_list li>a{font-size: .18rem;color: #232323;display: block;line-height: .98rem;position: relative;}
.header .nav_list li.active>a,.header .nav_list li:hover>a{color: #118cd0}
.header .nav_list li>a::after{content: '';width: 0;height: 2px;background: #118cd0;position: absolute;bottom: -1px;left: 0;transition: all .4s}
.header .nav_list li:hover>a:after,.header .nav_list li.active>a:after{width: 100%}

.header .nav_list li dl{position: fixed;top: .99rem;left: 0;width: 100%;background: #FFF;margin: 0;padding: 0;text-align: center;transition: none;display: none;}
.header .nav_list li dl dd {display: inline-block;padding: 0 .18rem;}
.header .nav_list li dl dd a{display: block;position: relative;padding: 0 .11rem;line-height: .47rem;font-size: .16rem;color: #525252;font-weight: 600}
.header .nav_list li dl dd a::after{content: '';width: 0;height: .02rem;background: #118cd0;position: absolute;bottom: 0;left: 0;transition: all .45s;}
.header .nav_list li dl dd a:hover {color: #005ecb}
.header .nav_list li dl dd a:hover::after{width: 100%}
.header .info .langs{background-color: #0084cd;font-size: 0;line-height: .98rem;}
.header .info .langs>*{display: inline-block;vertical-align: middle;}
.header .info .langs a{font-size: .16rem;color: #FFF;padding: 0 .1rem;}
.header .info .langs em{font-size: .16rem;color: #FFF;padding: 0 .05rem;}

.banner_txt {position:absolute;top:50%;left:50%;width:100%;max-width:14rem;transform:translateX(-50%);z-index:2;text-align: left;}
.banner_txt h2{font-size:.5rem;color:#FFF;}
.banner_txt p{font-size:.24rem;color:#FFF;text-transform:uppercase;margin:.2rem 0 0;}
.tem_banner .mbx {position:absolute;bottom:.45rem;left:50%;transform:translateX(-50%);font-size:.14rem;color:#FFF;width:100%;max-width:14rem;z-index:2;}
.tem_banner .mbx a{font-size:.14rem;color:#FFF;}

/***** Header End *****/
.index_keywords{background:#f2f2f2}
.index_keywords>div{display:flex;justify-content: space-between;align-items: center;padding:.22rem 0}
.index_keywords .left h1{font-size:.15rem;color:#6b6b6b}
.index_keywords .left h1 em{font-weight:bold;color:black;margin:0 .1rem 0 0}
.index_keywords .search{width:26%}
.index_keywords .search form{height:100%;position:relative}
.index_keywords .search input{height:100%;border:1px solid  #e5e5e5;width:100%;padding:.12rem .46rem .12rem .24rem }
.index_keywords .search form input::-webkit-input-placeholder {
              color: #ababab;          
              font-size: .14rem;}
.index_keywords .search button {background:#0260c5 url(../images/search.png) no-repeat center center;width:.46rem;cursor:pointer;position: absolute;top: 0;right: 0;height:100%;border:0}

.tem_banner .label_txt {position:absolute;top:50%;left:0;text-align:center;width:100%;z-index:1;transform:translateY(-50%);}
.tem_banner .label_txt h4{font-size:.6rem;color:#FFF}
.tem_banner .label_txt p{font-size:.36rem;color:#FFF;text-transform:uppercase;margin:.4rem 0 0}
.tem_banner .label_txt .slogan {font-size:.22rem;color:#FFF;text-shadow:0 0 .08rem rgba(0,0,0,.3);padding:.35rem 0 0;line-height:.45rem;}
.tem_banner .label_txt .slogan a{display:inline-block;background:#0260c5;padding:0 .25rem;line-height:.45rem;vertical-align:middle;font-size:.16rem;color:#FFF;margin-left:.1rem;}
.tem_banner .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);width:.48rem;height:.48rem;background:#636363;font-size:.16rem;color:#FFF;line-height:.48rem;text-align:center;outline:none;z-index:5;left:1.5rem;}
.tem_banner .swiper-page>div.slide-button-next {left:auto;right:1.5rem;}
.tem_banner .swiper-page>div:hover {background:#363636}

.flash img {width:100% !important;height:auto !important;}

.tem_index_about {padding:.6rem 0 .95rem;}
.tem_index_about  .item2 h3{font-size:.4rem;font-weight: bold; color:#1b1c1c;text-align: center; padding:0 0 0 1.02rem;margin:0 0 .55rem;}
.tem_index_about  .item2 p{font-size: .16rem;text-align: center; padding: 0  0 .5rem;}
.tem_index_about  .mains {font-size:.16rem;color:#2d2d2d;line-height:1.7;margin:0 0 .7rem;padding:0 .65rem;text-align:justify}
.tem_index_about  .lists{font-size:0;position:relative}
.tem_index_about  .lists{margin: 0 0 .55rem; padding-left: .15rem; padding-right: .15rem;}
.tem_index_about  .lists  a {/* display:block; padding:0 .15rem;*/overflow:hidden;position:relative;padding: 0 0 .75rem;border: 1px solid #FFF;}
.tem_index_about  .lists a .img {overflow:hidden;}
.tem_index_about  .lists a img{width: 100%;height: 2.73rem;object-fit: cover;}

.tem_index_about  .lists a .txt h4{font-size: .24rem;text-align: center; color: #000000;padding: .2rem .2rem .2rem; line-height: 1.6;}
.tem_index_about  .lists a .txt p {opacity: 0; visibility: hidden;font-size: .18rem;text-align: center;line-height: 1.6;color: #fff;height: 0;}
.tem_index_about  .lists a .txt{padding: .1rem 0 0;background: #f0f0f0;position: absolute;bottom: 0;left: 0;width: 100%;}
.tem_index_about  .lists a:hover img {transform:scale(1.06)}
.tem_index_about  .lists a .txt .page{margin:.2rem 0 0;text-align:center;}
.tem_index_about  .lists a:hover .txt{background:#0084cd;}
.tem_index_about  .lists a:hover{border-color: #0084cd;}
.tem_index_about .lists  a:hover .txt p{ opacity: 1;visibility: visible;height:.35rem ;margin-top: .2rem;}
.tem_index_about  .lists a:hover .txt h4{color:#fff;}
.tem_index_about .lists .swiper-page{margin:.69rem 0 0;}
.tem_index_about .lists .swiper-page>div{display:inline-block;vertical-align:middle;outline:none;}
.tem_index_about .lists .swiper-page>div.slide-button-prev,.tem_index_about .lists .swiper-page>div.slide-button-next{width:.39rem;height:.39rem;background:#eee;border:.01rem solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 .02rem;}
.tem_index_about .lists .swiper-page>div.slide-pagination span{display:inline-block;opacity:1;outline:none;width:.39rem;height:.39rem;background:#eee;border:.01rem solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 .02rem;border-radius:0}
.tem_index_about .lists .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{background:#005ecb;border-color:#005ecb;color:#FFF}
.tem_index_about .lists .swiper-page>div.slide-button-prev:hover,.tem_index_about .lists .swiper-page>div.slide-button-next:hover {background:#005ecb;border-color:#005ecb;color:#FFF}


.tem_index_company{background-color: #f1f1f1;padding: .95rem 0 .7rem;}
.tem_index_company{padding:.85rem 0 1rem;font-size:0}
.tem_index_company .mains {margin:0 0 .38rem;}
.tem_index_company .mains .titles {margin:0 0 .15rem;}
.tem_index_company .mains .titles h2{font-size: .4rem;font-weight: bold;text-align: center;color:#333;}
.tem_index_company .mains .titles p{font-size:.16rem;color:#626262;text-align: center;margin:.35rem 0 0;}
.tem_index_company .mains .cnts .data_box .t{/*padding: .3rem 0 0;*/border-right: 1px solid #dcdcdc;height: 60px;}

.tem_index_company .mains .cnts {position:relative;}
.tem_index_company .mains .cnts>div{/* display:inline-block; */vertical-align:bottom;position:relative;z-index:2;}
.tem_index_company .mains .cnts .text{padding:0 .52rem 0 .85rem;}
.tem_index_company .mains .cnts .text>h3{font-size:.5rem;color:#333;margin:0 0 .85rem;}
.tem_index_company .mains .cnts .data_box>div{padding: .3rem 0 .24rem;display: inline-block;vertical-align: top; width: 50%;}
.tem_index_company .mains .cnts .data_box>div>div{display:inline-block;vertical-align:top;width:50%}

.tem_index_company .mains .cnts .data_box .t h3{font-size:.3rem;color: #636971;font-weight:bold;text-align: center;background-size:.5rem .5rem !important;}
.tem_index_company .mains .cnts .data_box .t h3 em{font-size:.45rem;color: #0084cd;}
.tem_index_company .mains .cnts .data_box .t p{font-size:.18rem;text-align: center;color:#7e7e7e;}
.tem_index_company .mains .cnts .data_box .T h3{font-size:.3rem;color: #636971;font-weight:bold;text-align: center;background-size:.5rem .5rem !important;}
.tem_index_company .mains .cnts .data_box .T h3 em{font-size:.45rem;color: #0084cd;}
.tem_index_company .mains .cnts .data_box .T p{font-size:.18rem;text-align: center;color:#7e7e7e;}
.tem_index_company .more>div{display: inline-block;vertical-align: top;}

.tem_index_company .more .img{width: 65%;padding:0 .27rem 0 0}
.tem_index_company .more .img a{display: block;overflow: hidden;position: relative;}
.tem_index_company .more .img em{z-index: 1;padding:0 .45rem;line-height:.47rem;font-size:.16rem;color:#FFF;border-radius:5px;background:#0084cd;position: absolute;left: .45rem;bottom: .24rem;}
.tem_index_company .more .img2 {width: 32%;}
.tem_index_company .more .img2 .txt{position: absolute;left: .38rem;bottom: .35rem;}
.tem_index_company .more .img2 a{display: block;overflow: hidden;position: relative;}
.tem_index_company .more .img2 .txt h2 {display: inline-block;/* padding: 0 .45rem; */line-height: .47rem;/* font-size: .16rem; */color: #FFF;border-radius: 5px;padding-top: .65rem;font-size: .24rem;margin: 0  0  .4rem;position: absolute;bottom: 0;background-size: .65rem .65rem !important;}
.tem_index_company .more .img2  .txt h2{background: url(../images/icon22.png) center 0 no-repeat;}
.tem_index_company .more .img2  .txt p{display: inline-block;/* padding: 0 .45rem; */line-height: .17rem;font-size: .16rem;color: #FFF;border-radius: 5px;}
.tem_index_company .more .img2  .txt p { margin:0 0 .2rem;bottom: 0;}

.tem_index_company .more .img:hover img {transform:scale(1.06)}
.tem_index_company .more .img2:hover img {transform:scale(1.06)}

.tem_index_news  .lists  a {padding: 0 0 .75rem;}
.tem_index_news  .title h2{font-size: .4rem;padding: .8rem 0 0 0; font-weight: bold;text-align: center;color:#333;}
.tem_index_news  .title p{font-size:.16rem;color:#626262;text-align: center;margin:.2rem  0 .6rem;}
.tem_index_news .lists{padding: 0 .2rem 0;width: 48%;float: left;position: relative;/*位置 定位*/}
.tem_index_news .lists  .img h5{font-size: .16rem;padding: .2rem;bottom: 0;position: absolute;color: #fff;font-weight: bold;background-color:rgba(0,0,0,.5);width: 100%;/* height: 11%; */}
.tem_index_news .lists .swiper-slide:hover img{transform: scale(1.069)}
.tem_index_news .lists .swiper-page>div{position: absolute;top: 50%;transform: translateY(-50%);outline:none;width: .6rem;height: .6rem;background:#767676;font-size: .3rem;color: #FFF;text-align: center;line-height: .6rem;z-index: 1;left: .2rem;}
.tem_index_news .lists .swiper-page>div.slide-button-next{left: auto;right: .2rem;}
.tem_index_news .lists .swiper-page>div:hover {background:#0084cd;color:#FFF}
.tem_index_news .bot{display:flex;justify-content: space-between;}
.tem_index_news .newlists{width: 48%;/*右浮动*/}
.tem_index_news .newlists .newtxt{background-color: #f8f8f8;padding: .1rem .2rem .2rem .1rem;border-bottom: 15px solid #fff;}
.tem_index_news .newlists .newtxt h6{font-size:.14rem;color:#575656;padding-left:.25rem;display:inline-block;background:url(../images/icon66.png) 0 center no-repeat;background-size: .11rem .11rem;line-height:.2rem;}
.tem_index_news .newlists .newtxt h5{font-size: .18rem;font-weight: bold;color: #000;padding: .1rem;}
.tem_index_news .newlists .newtxt em{font-size: .16rem;color: #b9b9b9;padding: .08rem;display: block;}
.tem_index_news .newlists .newtxt span{font-size: .14rem;color: #b9b9b9;padding: .3rem .23rem 0.3rem;}

.tem_index_product{padding:.8rem 0 1.05rem;background:url(../images/index1.jpg) center 0 no-repeat;background-size: cover;font-size:0;z-index: -1;position: relative;}
.tem_index_product:before{content: '';background:rgba(0,0,0,.5);width: 43%;height: 100%;position: absolute;left: 0;top: 0;}
.tem_index_product  .title h2{font-size: .4rem;font-weight: bold;color:#fff;}
.tem_index_product  .title p{font-size:.16rem;color:#fff;margin:.2rem  0 .6rem;}
.tem_index_product .title ul{width: 43%;}
.tem_index_product .title li{margin: 0 0 .25rem;display: inline-block;width: 35%;}
.tem_index_product .title li a{font-size:.18rem;color:#f9f9f9;}







/*** page web ***/
.page_web{width:100%;}
.page_web .page_content{width:100%;}
.page_head{width:100%;position: relative;border-bottom: 1px solid #e5e5e5;height: .65rem;background: #fff;}
.page_head .home{background:#fff;width: .65rem;height: .65rem;float: left;border-top: none;border: 1px solid #e5e5e5;}
.page_head .home a {display: block;width: 100%;height: 100%;background: url(../images/home.png) no-repeat center;background-size: .19rem;}
.page_head .nav{position: relative;text-align: center;font-size: 0;float: left;margin-left: .2rem;}
.page_head .nav li{display:inline-block;vertical-align:top;}
.page_head .nav li a{color: #343434;font-size: .16rem;position:relative;line-height: .65rem;padding: 0 .2rem;}
.page_head .nav li a:hover,.page_head .nav li a.on{color:#00455e;}


.page_about{width:100%;}
.page_profile{padding:.7rem 0 .6rem;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.page_profile .left{float:left;width: 36%;padding-top: .5rem;}
.page_profile .left h2{font-size:.24rem;color:#434343;display: block;margin-bottom: .3rem;}
.page_profile .left p{font-size:.48rem;color:#00455e;text-transform:uppercase;font-weight:bold;font-family:'DIN-B'}
.page_profile .left p i{display:block;font-size: .6rem;font-family: 'DIN-B';}
.page_profile .right{float:left;width: 64%;padding: 0 0 .9rem .9rem;position: relative;}
.page_profile .right .title{font-size: .3rem;color: #272727;margin-bottom: .2rem;}
.page_profile .right .con{font-size:.16rem;color:#4b4a4a;line-height:1.7}

.page_quality{width:100%;padding: .4rem 0;}
.page_quality .left{float:left;width: 38.6%;}
.page_quality .right{float:left;width: 61.4%;padding-left: .55rem;padding-top: 1.6rem;}
.page_quality .right .title{margin-bottom:.3rem}
.page_quality .right .title h2{font-size:.36rem;color:#00455e}
.page_quality .right .title p{font-size:.48rem;color:#00455e;text-transform:uppercase;font-family: 'DIN-L';}
.page_quality .right .con{color:#3b3b3b;font-size:.16rem;line-height:2.4}

.page_honor{background: #f6f6f6;padding:.8rem 0;}
.page_honor .title{width:100%;text-align:center;margin-bottom:.45rem}
.page_honor .title h2{font-size: .36rem;color: #00455e;text-transform:uppercase;display:block;margin-bottom:.05rem;}
.page_honor .title p{font-size: .48rem;color: #00455e;text-transform:uppercase;letter-spacing:.01rem;font-family: 'DIN-L';}
.page_honor .list{text-align:center;padding: 0 .8rem;position:relative;width:100%;overflow:hidden;}
.page_honor .list a .img{padding:.05rem;background:#fff;border:1px solid #d2d2d2}
.page_honor .list a:hover img{transition:.36s;transform:scale(1.1)}
.page_honor .list a p{color:#3e3e3e;font-size:.16rem;display:block;margin-top:.15rem}
.page_honor .list .navigation{position:absolute;top:35%;left:0;width:100%;z-index:1}
.page_honor .list .navigation>div{width:.42rem;line-height:.42rem;text-align:center;background:#00455e;border-radius:100%;color:#fff;font-size:.2rem;top:0;position:absolute;}
.page_honor .list .navigation>div.swiper-button-disabled {background:#ddd;}
.page_honor .list .navigation .left{left:.0}
.page_honor .list .navigation .right{right:0}

.page_show{padding: .8rem 0;background:#fff;background-size:cover;}
.page_show .title{text-align:center;margin-bottom:.5rem}
.page_show .title h2{font-size: .36rem;color: #00455e;}
.page_show .title p{font-size: .48rem;color: #00455e;text-transform:uppercase;font-family: 'DIN-L';}
.page_show .list{position:relative;width:100%}
.page_show .list a{padding:3px}
.page_show .list a .img{box-shadow:1px 1px 5px #d0d0d0;background:#fff;text-align:center}
.page_show .list a:hover img{transition:.36s;transform:scale(1.1)}
.page_show .list a p{font-size:.16rem;color:#4b4b4b;text-align:center;margin: .15rem 0;display:block;}
.page_show .list .navigation{position: relative;width:100%;text-align: center;font-size: 0;margin-top:.35rem;}
.page_show .list .navigation>div{width:.42rem;line-height:.42rem;text-align:center;border-radius:100%;font-size:.2rem;top:0;margin: 0 .2rem;border: 1px solid #d3d3d3;background: #fff;color: #555;}
.page_show .list .navigation>div.swiper-button-disabled {background:#ddd;}

.page_imgs{font-size:.36rem;color:#00455e;display: block;margin-bottom: .2rem;}
.page_imgs{padding:.4rem 0 .7rem}
.page_imgs li{margin-top:.3rem}
.page_imgs li a{position:relative}
.page_imgs li a:hover img{transition:.36s;transform:scale(1.1)}
.page_imgs li a:hover h2{transform:translateY(-.2rem)}
.page_imgs li a::after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:url(../images/case_bj.png);z-index:1}
.page_imgs li a h2{position:absolute;left:0;bottom:0;width:100%;color:#fff;padding:.2rem;font-size:.16rem;z-index:2}

.page_product{width: 100%;padding: .7rem 0;}
.page_product .title{text-align:center;margin-bottom: .45rem;}
.page_product .title h2{font-size:.36rem;color:#00455e;display: block;margin-bottom: .2rem;}
.page_product .title p{font-size:.16rem;color:#3a3a3a;}
.page_product .list{width: 100%;}
.page_product ul li a{position:relative;overflow:hidden}
.page_product ul li a .img{position:relative;border: 1px solid #f3f0f0;}
.page_product ul li a .img .bj{position:absolute;left:0;top:0;width:100%;height:100%;background: hsl(212deg 80% 37% / 50%);opacity:0;z-index:1;transition: .5s;}
.page_product ul li a .img .bj .tb{display: block;width: 100%;height: 100%;background: url(../images/search.png) no-repeat center;background-size:.36rem;}
.page_product ul li a:hover .img .bj{transition:.5s;opacity:1}
.page_product ul li a h2{font-size: .16rem;color: #303030;width: 100%;display: block;padding: .25rem 0;z-index:1;text-align: center;background: #fff;}
.page_product ul li a:hover img {transform: scale(1.2);transition:4s;}

#showproduct{padding: .6rem 0 .9rem;}
#showproduct .list{float:left;width: 44%;position: relative;}
#showproduct .list .swiper-pagination{position:absolute;bottom:.06rem;left:0;width:100%}
#showproduct .list .swiper-pagination div{width:.42rem;height:.38rem;background: #00455e;color:#fff;line-height:.38rem;font-size:.24rem;position:absolute;bottom:0;}
#showproduct .list .swiper-pagination .swiper-button-disabled{background:#fff;color:#8c8c8c}
#showproduct .list .swiper-pagination .left{left:.06rem}
#showproduct .list .swiper-pagination .right{right:.06rem}
#showproduct .text{float:right;width: 56%;padding-left: .5rem;}
#showproduct .text h2{font-size:.3rem;color:#00455e;display:block;margin:.55rem 0 .2rem}
#showproduct .text p{font-size:.16rem;color:#3a3a3a;line-height:2.3}
#showproduct .content{width:100%;margin-top:.7rem}
#showproduct .content .title{margin-bottom:.4rem;background:#ececec}
#showproduct .content .title h2{line-height:.8rem;text-align:center;background:#00455e;color:#fff;font-size:.24rem;display:inline-block;padding:0 .6rem}

#showproduct table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
#showproduct table td{border:1px solid #ddd!important}
#showproduct table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding: .2rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd;}
#showproduct table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}

.page_news{width:100%;padding:.7rem 0;background: #f2f2f2;}
.page_news li{margin-bottom:.3rem;padding: .12rem;}
.page_news li a{display: block;background:#fff;margin: 0 auto;}
.page_news li a:hover{box-shadow:1px 1px 4px #afafaf}
.page_news li a:hover .img img{transition:.36s;transform:scale(1.1)}
.page_news li a .img{width: 100%;}
.page_news li a .txt{width: 100%;padding-top: .3rem;}
.page_news li a .txt h2{font-size:.18rem;color: #2e2e2e;padding: 0 .2rem;}
.page_news li a .txt span{font-size:.14rem;color: #686868;display: block;margin: .2rem .2rem .1rem;}
.page_news li a .txt p{font-size:.16rem;color: #707070;line-height: 1.6;margin: 0 .2rem;}
.page_news li a .txt i{display:block;margin-top:.3rem;text-align:center;font-size:.14rem;color:#00455e;line-height:.5rem;height:.5rem;position:relative;z-index:1}
.page_news li a:hover .txt i{color:#fff}
.page_news li a .txt i::after{position:absolute;content:'';left:50%;width:0;height:100%;background:#00455e;transition:.36s;z-index:-1}
.page_news li a:hover .txt i::after{left:0;width:100%;transition:.36s}

.show_news {padding: .7rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.show_news .met_page li>* {display: inline-block;vertical-align: top;}
.show_news .met_page li a {font-size:.14rem;color:#333}

.page_resources{padding:.7rem 0;background:#f7f7f7}
.page_resources .title{text-align:center;margin-bottom:.35rem}
.page_resources .title h2{font-size:.36rem;color:#333;display:block;margin-bottom:.1rem}
.page_resources .title p{font-size:.24rem;color:#959595;text-transform:capitalize}
.page_resources ol{width:100%;text-align:center;margin-bottom:.35rem}
.page_resources ol li{display:inline-block;margin:0 .3rem;cursor:pointer}
.page_resources ol li h2{padding:.2rem .4rem;background:#fff;border-radius:.15rem;font-size:.16rem;color:#333}
.page_resources ol li.flex-active h2{background:#17abe2;color:#fff}
.page_resources .list{font-size:.16rem;color:#666;line-height:1.7}

.page_contact{width:100%;padding: .7rem 0;background: #f2f2f2;}
.page_contact .contact{background:#fff;padding:.5rem .2rem}
.page_contact .contact .title{text-align:center;margin-bottom:.4rem;font-size:.3rem;color:#00455e}
.page_contact .contact .list{width:100%;margin-bottom:.3rem}
.page_contact .contact .list>div{padding:0 .2rem;line-height:.8rem;margin-bottom:.2rem}
.page_contact .contact .list>div a{color:#151515;font-size:.16rem;border-bottom:1px solid #ddd;display:block;padding-left:.6rem;position:relative}
.page_contact .contact .list>div a::after{position:absolute;content:'';width:.43rem;height:100%;left:0;top:0;background-repeat:no-repeat;background-position-x:center;background-position-y:center;}
.page_contact .contact .list .addr a::after{background-image:url(../images/addr.png);background-size:.24rem;}
.page_contact .contact .list .tel a::after{background-image:url(../images/tel.png);background-size:.35rem;}
.page_contact .contact .list .fax a::after{background-image:url(../images/fax.png);background-size:.3rem;}
.page_contact .contact .list .mob a::after{background-image:url(../images/mob.png);background-size:.39rem;}
.page_contact .contact .list .email a::after{background-image:url(../images/email.png);background-size:.34rem;}
.page_contact .contact .map{width:100%;border:1px solid #ddd}

.page_message{padding:.7rem 0;background:#f2f2f2;}
.page_message .desc {color:#00455e;font-size:.18rem;line-height: 2.2;margin-bottom: .35rem;}
.page_message .list {width:100%}
.page_message .list .message{padding-right:.5rem;}
.page_message .list form{display:block;width: 100%;}
.page_message .list form>*{padding:0 .25rem;background:#fff;border:none;margin-bottom:.2rem;display:block;width:100%;font-size:.16rem;color:#555}
.page_message .list form input{line-height: 3.2;}
.page_message .list form textarea{height: 2.4rem;padding:.1rem .25rem;}
.page_message .list form button{display:inline-block;width: initial;line-height: 3.2;background:#00455e;color:#fff;padding: 0 .4rem;}
.page_message .list form button:hover{background:#444}

footer .f-share a{display: inline-block;margin-right: .2rem;width: .3rem;height: .3rem;border: .01rem solid #d3d3d3;/*border-radius: 100%;圆形边框*/line-height: .3rem;text-align: center;font-size: .14rem;color: #FFF;position: relative}
footer .f-share a .code {position: absolute;bottom: 100%;margin: 0 0 .15rem;left: 0;width: 1.10rem;padding: .05rem;background: #FFF;border-radius: .03rem;opacity: 0;visibility: hidden;box-shadow: 0 0 .08rem rgba(0,0,0,0.2)}
footer .f-share a:hover .code {opacity: 1;visibility: visible;}
footer .f-share{padding:.5rem;}
footer {color: #fff;background: #0084cd;padding: .4rem 0 0;}
footer .back_top{position:absolute;right:0;top: 0;}
footer .back_top a{display:block;width:.3rem;height:.3rem;line-height:.3rem;text-align:center;border-radius:100%;background:#d7d7d7;font-size:.18rem;color:#00455e;}

footer .nav{padding-bottom: .4rem;}
footer .nav>*{display: inline-block;vertical-align: middle;}
footer .nav dl{display:table-cell;padding-right:.8rem;width: 200px;}
footer .nav dl dt{display:block;/* margin-bottom:.2rem; */}
footer .nav dl dt a{display:block;font-size:.18rem;color:#f9f9f9;position:relative;line-height:.5rem;}

footer .nav dl dd ul{list-style:none}
footer .nav dl dd ul li{line-height:.3rem}
footer .nav dl dd ul li a{color:#f9f9f9;font-size:.14rem}

footer .list .contact.cat{width: 58%;padding: 0 .45rem;}
footer .list .contact .cat .add{padding: .2rem 0;}
footer .list .contact .cat .email{padding: .2rem 0;}
footer .list .contact.cat p {font-size: .14rem;color: #898989;display: inline-block;width: 50%;padding-left: .3rem;background-size: .25rem .25rem  !important;line-height: .25rem;vertical-align: top}
footer .list .contact.cat p:last-child{width: 100%}
footer .bot {border-top: 1px solid #696969;font-size: .14rem;color: #fff;padding: .15rem 0; background-color: #383838;}
footer .bot .left{/* float:left */text-align: center;font-size: .14rem;}
footer .bot .left a{display:inline-block;font-size:.14rem;color:#FFF}
footer .bot .right{float:right}
footer .bot .right a{display:inline-block;vertical-align:top;color:#ffff}
footer .bot .right a:hover{color:#999}


/**/
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #555;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #333;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #00455e;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #00455e;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #00455e;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #1e1915;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
@media(max-width:1440px){
    .banner_txt{padding:0 .25rem ;}

}
/******ipad****/
@media(max-width:990px){
      body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.tem_banner{padding-top: 60px;}

	/**** index ****/
	.index_about .list .item{/* width:100%; */margin-bottom:.5rem;}
	.index_product .left{width:100%;margin-bottom:.5rem;padding: .5rem!important;}
	.index_product .right{width:100%;}
	footer .list .wechat{text-align:center;margin:.5rem 0 .1rem;}
	footer .nav ul li{/* padding:0 .2rem; */}
    footer .back_top{right:.2rem}
    /**** index end****/

    /**** about ****/
    .page_profile .left{width:100%;margin-bottom:.2rem}
    .page_profile .right{width:100%;padding:0;}
    .page_quality .left{width:100%}
    .page_quality .right{width:100%;padding-top: .5rem;padding-left: 0;}
    
    /**** product ****/
    .page_head .home{display:none}
    .page_head {height: initial;}
    .page_head .nav{width:100%;margin: 0;}
    #showproduct .list{width:100%;margin-bottom: .3rem;text-align: center;}
    #showproduct .text{width:100%;float:initial;padding: 0;}
	.page_message .list .img{display:none;}

	
	footer .bot .left,footer .bot .right{float:initial;width:100%;text-align:center;}
	.index_advantage .list li{width:100%;margin-bottom:.5rem;}
	.index_advantage .list li a .pd,.index_advantage .list li a .txt{padding: 2rem .35rem;}
    .index_product .list .left,.index_product .list .img{float:initial;width:100%;padding-top: .5rem;text-align: center;}
    .index_product .list .left .more{width:20%}
    .index_product .list .left .more a{font-size:.14rem;}
    .index_product .title{margin: 0;text-align:center;}
    .index_product .title>*{display:block;}
    .index_about > div{float:initial!important;width:100%!important;}
    .index_about .right {padding: 0 .3rem;}
    .index_about .right .title{text-align:center;padding: .9rem 0 .3rem;}
    .index_about .right .nav{text-align:center;}
    .index_about .right .nav a{display:inline-block;margin:0 .2rem;}
    .page_contact .contact .txt{float:initial;width:100%;}
    .page_contact .contact .map{float:initial;width:100%;}
    .page_contact .message .con .left,.page_contact .message .con .right{float:inherit;width:100%;margin-bottom:.2rem;padding: 0;}
    .page_idea .list a .txt{position:relative;width:100%;}
    .index_about .list li a .pd{padding:.5rem .1rem;}
    .index_about .list li a .pd .tb{
    padding: 0 .5rem;
}
.index_about .list li{padding: .05rem;}
.index_case .left,.index_case .right{float:initial;width:100%;background: #000;}
 .index_case .right{padding:.5rem;}
 .index_case .right .list{display:none;}
 .index_case .right .title{margin-bottom:.35rem;}
 .tem_banner.index .txt .logo .img{width:1rem}
 .tem_banner.index .txt .title h2{font-size:.3rem}
 .tem_banner.index .txt .title p{font-size:.26rem;}
 .tem_banner.index .txt .title span{font-size:.16rem;}
 .tem_banner.index .slide-pagination{display:none;}
}

/********mobile*********/
@media(max-width:767px){
    .tem_index_product:before{width: 100%;}
    .tem_index_product  .title h2{font-size: .4rem;padding: 0 0 0.6rem 0.3rem;font-weight: bold;color:#fff;}
    .tem_index_product .title li a{font-size:.18rem;color:#f9f9f9;}
    .tem_index_company .mains .cnts .text::after{display: none;}
    .tem_index_company .mains .cnts .data_box>div{padding: .3rem 0 .24rem;display: inline-block;width: 100%;}
    .tem_index_company .more .img{width: 100%;padding: 0;}
    .tem_index_company .more .img2{width: 100%;}
    .tem_index_product .title li{width: 50%;}
    .newlists {float: right;width: 100%;}
    .tem_index_product .title ul{width: 100%;}
    .tem_index_news .lists{width: 100%;}
    footer .nav dl{padding-right: .5rem;}
	footer .nav{width:100%;float: none;}
	footer .nav{padding-left:.5rem}
	.index_about .title{width:100%}
	footer .list .logo{display:none;}
	footer .list .contact{padding-left:.2rem;padding-top:.5rem;}
	footer .list .wechat{padding-right:.5rem}
	.index_news .list li{width:100%;margin-bottom:.3rem;}
	.page_news li a .img{display:none;}
	.page_news li a .txt{float:initial;width:100%;}
	.page_resources ol li{margin:0 .1rem;}
	.page_resources ol li h2{padding: .1rem .2rem;}
	.page_contact .con .contact{position:relative;width:100%;}
    .tem_index_about  .lists a:hover img {transform:scale(1.06)}
    .tem_index_about  .lists a .txt .page{margin:.2rem 0 0;text-align:center;}
    .tem_index_about  .lists a:hover .txt{background:#0084cd;}
    .tem_index_about  .lists a:hover{border-color: #0084cd;}
    .tem_index_about .lists  a:hover .txt p{ opacity: 1;visibility: visible;height:.35rem ;margin-top: .2rem;}
    .tem_index_about  .lists a:hover .txt h4{color:#fff;}
    .tem_index_company .mains .cnts .data_box>div>div:last-child{border: 0;}
    footer .w1400{display: none;}
    footer{padding: 0;}
    .tem_index_about .item2 h3{padding: 0;}
    .tem_index_news .newlists{width: 100%;}
}

.page_service .title p {
    font-size: .3rem;
    text-align: center;
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.page_service .page_introduction.clearfix {
    padding-bottom: .5rem;
}